<template>
	<view>
		<!-- 当前 历史策略 -->
		<view class="contract-center" v-for="(item,index) in list" :key="index">
			<view class="center-flex">
				<view class="center-text">
					<view class="center2-item1">
						{{item.name}}
						<text>{{item.num}}</text>
					</view>
				</view>
				<view class="center-text" style="text-align: right;font-weight: bold;">
					<view class="center2-item1 color-fall">
						+408.8%
					</view>
					<view class="center2-item2">
						年化收益率
					</view>
				</view>
			</view>
		</view>
		<u-loadmore :status="srategying" />
	</view>
</template>
<script>
	export default {
		name:'Strategy',
		props:{
			list:{
				type:Array
			},
			srategying:{//加载显示
				type:String
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.contract-center {
			background-image: url(../../../static/goods.png);
			@include background;
			margin: 0rpx 30rpx 20rpx;
			.center-flex{
				@include flex;
				padding: 35rpx 40rpx 20rpx;
			}
			.center-text:nth-child(1) {
				width: 70%;
			}
			.center-text:nth-child(2) {
				width: 30%;
			}
			.center-text {
				line-height: 45rpx;
				.center2-item1 {
					font-size: 30rpx;
					text {
						padding: 2rpx 20rpx;
						border-radius: 12rpx;
						color: $color-fu;
						font-size: 24rpx;
						margin-left: 20rpx;
						border: 1rpx solid $border;
					}
				}
				.center2-item2 {
					color: $color-fu;
					font-size: 24rpx;
					font-weight: 400;
					text-overflow: -o-ellipsis-lastline;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					line-clamp: 2;
					-webkit-box-orient: vertical;
				}
			}
		}
</style>
